<template>
  <div class="products-page">
<!--    <Banner />-->
    <MultiDownloadCard
        title="下载我们的应用"
        subtitle="随时随地享受优质服务"
        :officialAccountUrl="officialAccountUrl"
        :appDownloadUrl="appDownloadUrl"
        :platformsData="platformsConfig"
    />
  </div>
</template>

<script setup>
defineOptions({
  name: 'Products'
})
import Banner from "@/components/Banner.vue";
import MultiDownloadCard from "@/components/products/MultiDownloadCard.vue";
import { reactive } from 'vue';

const officialAccountUrl = "https://your-official-account.com";
const appDownloadUrl = "https://your-app-download.com";

const platformsConfig = reactive({
  windows: {
    version: '2.0.1',
    size: '92.3 MB',
    downloadUrl: 'https://example.com/windows-setup.exe'
  },
  macos: {
    version: '2.0.1',
    size: '108.5 MB',
    downloadUrl: 'https://example.com/macos-installer.dmg'
  }
});
</script>
